
<section class="expert">
  <div class="expert_banner">
     <img src="../../assets/img/banner.png" alt="">
  </div>
  <!-- 分类列表 -->
  <div class="shop_class">
    <div class="class_one">
      <el-row>
        <el-col :span="3">
          <span class="sup_type">应用分类</span>
        </el-col>
        <ul class="cla_list" v-for="item in getData">
          <li>{{item}}</li>
       
        </ul>
      </el-row>
    </div>
  
    <div class="class_one">
      <el-row>
        <el-col :span="3">
          <span class="sup_type">技术职称</span>
        </el-col>
        <ul class="cla_list" v-for="item in getName">
          <li>{{item}}</li>
         
        </ul>
      </el-row>
    </div>

    <div class="class_one">
      <el-row>
        <el-col :span="3">
          <span class="sup_type">筛选</span>
        </el-col>
        <ul class="cla_list">
          <li>
            <span>全部结果 <i class="el-icon-arrow-right"></i></span> 
           
          </li>
          <li>
            <el-tag size="medium" closable>分类：PP</el-tag>
          </li>
  
        </ul>
      </el-row>
    </div>
  </div>
  <!-- 专家列表 -->
  <div class="expert_list">
    <!-- 搜索 -->
       <div class="list_head">
           <div class="head_left">
             <span>关键字</span>
              <el-select v-model="value9" multiple filterable remote reserve-keyword placeholder="请输入关键词" :remote-method="remoteMethod"
                :loading="loading">
                <el-option v-for="item in options4" :key="item.value" :label="item.label" :value="item.value">
                </el-option>
              </el-select>
           </div>
            <div class="head_right">
                 <span><i>1</i>/40</span>
                  <el-button-group class="one">
                    <el-button type="" icon="el-icon-arrow-left"></el-button>
                    <el-button type="">
                      <i class="el-icon-arrow-right el-icon--right"></i>
                    </el-button>
                  </el-button-group>
            </div>
       </div>
       <!-- 专家列表 -->
       <div class="list_exp">
        <el-row>
          <el-col :span="6" v-for="(item,index) in expertList" :key="index">
            <div class="exp_box">
              <div class="exp_head">
                <router-link tag="span" to="/experthome" class="exp_img">
           
                  <img :src="item.expertImg" alt="">
              
              </router-link>
                <span class="exp_naem">{{item.name}}</span>
                <span class="exp_vip">
                  <img src="../../assets/img/vip.png" alt="">
                </span>
              </div>
              <div class="direction">
                <p class="dire">{{item.introduce}}</p>
                <p class="dirtow">{{item.descrtion}}</p>
                <p class="price">收费：70元/次
                  <span class="time">70元/一分钟</span>
                </p>
        
              </div>
              <router-link tag="div" to="/expertdetail" class="btn">电话咨询</router-link>
              <router-link tag="div" to="/onlineconsu" class="btn btn_tw">网上咨询</router-link>
        
        
            </div>
          </el-col>
        
        
        
        </el-row>
        </div>
  </div>
</section>

